.orderBox {
  --p: 8px;
  > * {
    &:not(:last-child) {
      border-bottom: 1px $border solid;
    }
  }
  .orderBox-operation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    > * {
      display: flex;
      align-items: center;
      &:not(:last-child) {
        margin-right: var(--p);
      }
      > * {
        &:not(:last-child) {
          margin-right: var(--p);
        }
      }
    }
    dl {
      display: flex;
      align-items: center;
      flex-shrink: 0;
      dt {
        flex-shrink: 0;
      }
      dd {
        float: 1;
      }
    }
  }
  .orderBox-header {
    background: #e0e6ff;
    padding: 6px var(--p);
    min-height: 38px;

    .orderBox-header-l {
      dl {
        dd {
          min-width: 60px;
        }
      }
    }
  }
  .orderBox-main {
    .orderBox-item {
      border-bottom: 1px $border solid;
      padding: var(--p);
      display: flex;
      &.isDisabled {
        color: $info;
      }
      &:hover {
        background: $hover;
      }
      > * {
        &:not(:last-child) {
          margin-right: var(--p);
        }
      }
      dd {
        flex: 1;
        overflow: hidden;
      }
    }
  }
}

.producsBox{
  .producsBox-item{
    
  }
}